.my-user-profile-container {
  .profile-container {
    height: fit-content;
    border-radius: 30rpx;

    .profile-row {
      .row-content {
        .content {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;

          input {
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }

        .fas {
          font-size: 30rpx;
          margin-left: 20rpx;
          color: #aaa;
        }

        .avatar {
          border-radius: 50%;
        }
      }

      .gender, .birthday {
        ::v-deep .u-select__body, .u-picker-body {
          height: 400rpx;
        }
      }
    }
  }

  .logout-button-container {
    height: fit-content;
    padding-bottom: 30rpx;
    padding-bottom: calc(30rpx + constant(safe-area-inset-bottom));
    padding-bottom: calc(30rpx + env(safe-area-inset-bottom));

    .btn__default {
      border-radius: 100rpx;
      line-height: 80rpx;
    }
  }
}

::v-deep .u-drawer-content, .u-picker-header, .u-datetime-picker {
  border-radius: 30rpx;
}

.upload {
  position: fixed;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  z-index: -999;
  pointer-events: none;
}